page {
  background: #fff;
}
.cpt-mask {  
        position: fixed;  
		display: flex;
		align-items: center;
		justify-content: center;   
      
        width: 100%;  
        height: 100%;  
        background-color: #000000;  
        opacity: 0.5;  
        z-index: 999999;
		
		.mask-tip{
			width: 230rpx;
			text-align: center;
			margin-top: -570rpx;
			.txt{color:white;font-weight: bold;font-size:28rpx;text-align: center; margin-bottom: 40rpx;}
			
		
		}
}
.head-box{
	border-bottom: 1px solid #dddddd;
	.head-list{
		// padding-left: 26rpx;
		// padding-right: 26rpx;
		
		width:48%;
		.border-radius8{border-radius:22rpx}
		
		.title{
			font-size:16px;padding-top:30rpx;display: flex;font-weight: bold;
			.lf{}
			.rg{margin-left:20rpx;}
			.tui-tag{
				padding: 18rpx 18rpx;
				border-radius: 16rpx;
			}
		}
		.time{
			font-size:32rpx;margin-top:40rpx;display: flex;color: #9B9B9B;
			.lf{}
			.rg{margin-left:20rpx;}
		
		}
		.data-box{
			font-size:24rpx;display: flex;color:#9B9B9B; 
			.lf{
				font-size:84rpx;font-weight: bold;color:#0DC160;
			}
			.rg{
				position:relative;
				margin:7px 0 0 8px;
				top:6px;
				height: 45px;
				.word{
					position:absolute;
					bottom:3px;  
					padding:0px;  
					margin:0px 
				}
			}
			 
		}
	
	}
}

.res-box{
	border-bottom: 1px solid #dddddd;margin-top:60rpx;
	.bg{background:#F7F7F7;border-radius:8px; }
	.word{ color:#BABABA;word-spacing:10px;letter-spacing:1px;color: #787878;}
	.res-list{
		// padding-left: 26rpx;
		// padding-right: 26rpx;	
		.border-radius8{border-radius:22rpx}
		.pd{padding: 30rpx 40rpx;}
		.title{
			font-size:14px; word-spacing:10px;letter-spacing:1.5px; 
			.lf{}
			.rg{margin-left:20rpx;}
			.tui-tag{
				padding: 18rpx 18rpx;
				border-radius: 16rpx;
			}
			
		}
		.time{
			font-size:32rpx;margin-top:40rpx;display: flex;color: #9B9B9B;
			.lf{}
			.rg{margin-left:20rpx;}
		
		}
		.data-box{
			font-size:24rpx; margin-top:10rpx;display: flex;color:#9B9B9B; 
			.lf{
				font-size:72rpx;font-weight: bold;color:#0DC160;
			}
			.rg{
				position:relative;
				margin-left:8px;
				.word{
					position:absolute;
					bottom:3px;  
					padding:0px;  
					margin:0px 
				}
			}
			 
		}
	
	}
}

.week-trend{
	margin-top:30rpx;
	.circle-icon{
		display: inline-block;width: 20rpx;height: 20rpx;border-radius: 50rpx;background: #34CC79;
		&.low{
			background: #FFC300;
		}
	}
}
// 文章
.relate-prod-list{
	margin-bottom: 10px;
	.box{border-bottom: 1px solid #dddddd;}
	.right-img{
		width: 186rpx;
		margin-left:26rpx;
		image{width: 186rpx;height:186rpx;display: block;border-radius: 16rpx;}
		}
	.title{
		position: relative;top: -68rpx;
		letter-spacing: 0;
		      overflow: hidden;
		      display: -webkit-box;
		      text-overflow: ellipsis;
		      -webkit-line-clamp: 2;  /*要显示的行数*/
		      -webkit-box-orient: vertical;
		      font-size:14px;
		  
	}
}

.conn-box{
	 background:#F9FAFB;
	.close-btn{
		.btn-cannel{
			margin: 20rpx 0;
			padding: 22rpx;
			display: block;
			width: 200rpx;			
			color: #fff;
			font-size: 36rpx;
			border-radius: 6rpx;
			position: relative;
			left: 225rpx;
			background: #9E9E9E;
		}
	}
	.bg{background:#fff;border-radius:8px;}
	.word{font-size: 10px;color:#BABABA;word-spacing:10px;letter-spacing:1px;color: #BABABA;}
	.conn-list{
		// padding-left: 26rpx;
		// padding-right: 26rpx;
		margin: auto;
		.reconn{display: flex;justify-content: center;margin-top:100rpx;}
		.border-radius8{border-radius:22rpx}
		.word{font-size:36rpx;text-align: center;font-weight: bold;color: #000;}
		.word1{margin:auto;font-size:30rpx;text-align: center;color: #BABABA;width:72%;margin-top:30rpx;}
		.pd{padding: 30rpx 40rpx;}
		.tui-tag{
			padding: 32rpx 102rpx;
			border-radius: 50rpx;
			font-size: 30rpx;
		}
		.title{
			font-size:12px; word-spacing:10px;letter-spacing:1.5px;color: #BABABA;
			.lf{}
			.rg{margin-left:20rpx;}
			.tui-tag{
				padding: 18rpx 18rpx;
				border-radius: 16rpx;
			}
			
		}
		.time{
			font-size:32rpx;margin-top:40rpx;display: flex;color: #9B9B9B;
			.lf{}
			.rg{margin-left:20rpx;}
		
		}
		.img{
			width: 380px;height: 416px;  background-repeat: no-repeat;background-image: url(https://xoimg.aiouning.com/static/health/ble_search.gif); margin-top: 100rpx;margin: auto;
			image{width: 100%;height: 100%;background-color: #ffffff; display: block;}
		}
		.img1{width:220px;  margin-top:30rpx;margin: auto;margin-bottom:60rpx;
			image{width: 100%; display: block;  }
		}
		.img2{width:220px;  margin-top:30rpx;margin: auto;margin-bottom:60rpx;
			image{width: 100%; display: block; height: 220px; }
		}
		.data-box{
			font-size:24rpx;margin-top:10rpx;display: flex;color:#9B9B9B; 
			.lf{
				font-size:72rpx;font-weight: bold;color:#0DC160;
			}
			.rg{
				position:relative;
				margin-left:8px;
				.word{
					position:absolute;
					bottom:3px;  
					padding:0px;  
					margin:0px 
				}
			}
			 
		}
	
	}
	.conn-dev-list{
		// padding-left: 26rpx;
		// padding-right: 26rpx;
		width: 100%;
		.border-radius8{border-radius:22rpx}
		.pd{padding: 30rpx 25rpx;}
		.device_list {
		  height:180px;
		}
		.main-box{
			display: flex;font-size:12px; 
			word-spacing:10px;
			// letter-spacing:1.5px;
			color: #BABABA; 
			padding-bottom: 10px;
			padding-top:10px;
			color: #000;
			.lf{flex:1;line-height: 31px; font-size: 30rpx; font-weight: bold;}
			.rg{margin-left:20rpx;}
			.tui-tag{
				border-radius: 16rpx;
			}
			
		}
		.time{
			font-size:32rpx;margin-top:40rpx;display: flex;color: #9B9B9B;
			.lf{}
			.rg{margin-left:20rpx;}
		
		}

	
	}
	
	
}
.more-font{
	border: 1px solid #CCCCCC;
	border-radius: 10rpx;
	padding: 10rpx;
}
.blue-color{
	color: #3894FF !important;
}
.tui-tag{ padding: 16rpx 32rpx !important;}
 .f2_container {
        width: 100%;
        height: 500rpx;
		.f2-canvas {
		  width: 100%;
		  height: 100%;
		}
    }

.self-dialog{
	padding: 30rpx 50rpx; 
	width: 63%;
	border-radius: 32rpx;
	margin: auto;
	font-size: 30rpx; 
	font-weight: 300;
	text-align: center;
	color: #222222;
	.title{
		width: 100%;
		height: 22px;
		font-size: 32rpx;
		font-weight: 600; 
		color: #222222;
		padding:30rpx 0;
	}
	.content{
		font-size: 30rpx;
		color: #222222;
		width: 86%;
		margin: auto;
		margin-bottom: 30rpx;
	}
	.btn-confirm{
		margin: auto;
		margin-top: 90rpx;
		border-radius: 44rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 88rpx;
		width: 364rpx;
		height: 88rpx;
		background: #3894ff;
		line-height: 88rpx;
		border-radius: 8px;
	}
	.mini-btn{
		width: 160rpx;
		height: 80rpx;
		border-radius: 8px;
		line-height: 80rpx;
		padding: 0;
		font-size: 28rpx;
		margin: 0 20rpx;
		background-color: #FFFFFF;
		color: #222222;
		border: 1px solid #707070;
		font-weight: 400;
	}
	.btn-select{
		background-color: #3894FF;
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
	}
	.dev-item{
		width: 360;
		// height: 44rpx;
		font-size: 30rpx;		
		font-weight: 600;
		text-align: left;
		color: #222222;
	}
}
.dev-select{
	border: 4rpx #73b2fe solid;
}